so it works for any list-row istead of just the ones in a sidebar.
}
.list-row.activatable {
- // let's take care of background colors
- &:hover {
- //background-color: mix($fg_color, $base_color, 5%);
- background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95));
- }
- &:active {
- box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8);
- }
+ &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
+ &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); }
+
+ &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); }
+
&:backdrop:hover { background-color: transparent; }
+
&:selected {
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
- &:hover {
- background-color: mix($fg_color, $selected_bg_color, 10%);
- }
+
+ &.has-open-popup,
+ &:hover { background-color: mix($fg_color, $selected_bg_color, 10%); }
+
&:backdrop { background-color: $selected_bg_color; }
}
}
&:not(:hover):not(:active) > image,
&:backdrop > image { opacity: $_placesidebar_icons_opacity };
}
- // this is for indicating which sidebar row generated a popover
- // see https://bugzilla.gnome.org/show_bug.cgi?id=754411
- .has-open-popup { @extend .list-row.activatable:hover; }
}
.sidebar-item {
.grid-child {
padding: 2px; }
-.list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup {
+.list-row.activatable.has-open-popup, .list-row.activatable:hover {
background-color: rgba(238, 238, 236, 0.05); }
.list-row.activatable:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
-.list-row.activatable:backdrop:hover, GtkPlacesSidebar.sidebar .has-open-popup:backdrop {
+.list-row.activatable:backdrop:hover {
background-color: transparent; }
.list-row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
-.list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected {
+.list-row.activatable:selected.has-open-popup, .list-row.activatable:selected:hover {
background-color: #366ca4; }
.list-row.activatable:selected:backdrop {
background-color: #215d9c; }
GtkPlacesView .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup {
+GtkPlacesView .list-row.activatable:hover {
background-color: transparent; }
/*********
.grid-child {
padding: 2px; }
-.list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup {
+.list-row.activatable.has-open-popup, .list-row.activatable:hover {
background-color: rgba(46, 52, 54, 0.05); }
.list-row.activatable:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
-.list-row.activatable:backdrop:hover, GtkPlacesSidebar.sidebar .has-open-popup:backdrop {
+.list-row.activatable:backdrop:hover {
background-color: transparent; }
.list-row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
-.list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected {
+.list-row.activatable:selected.has-open-popup, .list-row.activatable:selected:hover {
background-color: #4787c9; }
.list-row.activatable:selected:backdrop {
background-color: #4a90d9; }
GtkPlacesView .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup {
+GtkPlacesView .list-row.activatable:hover {
background-color: transparent; }
/*********